<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!--width 表格的宽度 
    border 表格的边框大小 
    cellspacing 单元格之间的距离
    cellpadding 单元格边框与内容的距离
    bgcolor 单元格背景颜色
    caption 表格标题
-->
    <table width='500' border="1" cellspacing='0' cellpadding='5'> 
        <!--表头-->
        <thead>
            <tr><!--一行-->
                <th>编号</th><!--一列-->
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
        </thead>
        <!--表体-->
        <!--
            tr 一行
            th 表头的单元格
            td 表体的单元格
            colspan 列合并
            rowspan 行合并
        -->
        <tbody align="center">
            <tr>
                <td>1</td>
                <td>小谈</td>
                <td>18</td>
                <td>女</td>
            </tr>
            <tr>
                <td colspan="2">2</td><!--列合并-->
                <td>小黄</td>
                <td>19</td>
            </tr>
            <tr>
                <td rowspan="2">3</td><!--行合并-->
                <td>小薛</td>
                <td>20</td>
                <td>女</td>
            </tr>
            <tr>
                <td>3</td>
                <td>小周</td>
                <td>20</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
